<?php require('header.tpl'); ?>

<div class="dbx-group" id="sidebar">
<div id="RegistrationBox" class="dbx-box">
    <h3 class="dbx-handle">Registration</h3>
    <div id="error">
    </div>
    <div class="dbx-content">
        <label for="login">Login:</label><input type="text" id="login" class="MyInputBox"  />
        <label for="password">Password:</label><input type="password" id="password" class="MyInputBox"  />
        <label for="confirmPassword">Password:</label><input type="password" id="confirmPassword" class="MyInputBox"  />
        <label for="firstName">First Name:</label><input type="text" id="firstName" class="MyInputBox"  /> 
        <label for="lastName">Last Name:</label><input type="text" id="lastName" class="MyInputBox"  />
        <label for="email">Email:</label><input type="text" id="email" class="MyInputBox"  />
        <input type="button" value="Register" id="submit" />
    </div>
</div>
</div>

<script type="text/javascript" src="js/registration.js"> </script>
<script>
    var oRB = new MyRegistrationBox();
    oRB.bind( {
                login: $('login'),
                password: $('password'),
                confirmPassword: $('confirmPassword'),
                firstName: $('firstName'),
                lastName: $('lastName'),
                email: $('email'),
                error: $('error'),
                submit: $('submit')
                }
     );
</script>
<?php require('footer.tpl'); ?>
